@charset "utf-8";
/* CSS Document */

body { font: 14px/1.4 "PingFang SC", helvetica, Arial, "微软雅黑"; color: #333; background-color: #fff; }
/*Webkit,Opera9.5+,Ie9+*/
::selection { background: #de000f; color: #fff; }
/*Mozilla Firefox*/
::-moz-selection {
 background:#de000f;
 color:#fff;
}
body, header, footer, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
i, b { font-style: normal; font-weight: normal }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: none; }
legend { display: none }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: "" }
a { text-decoration: none; color: #333; }
/*a:active{ background:none;}*/
a:hover { text-decoration: none }
a:hover { color: #0079d3; }
abbr, acronym { border: 0; }
.less12px { -webkit-text-size-adjust: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block }
* html .clearfix { height: 1%; }
.clearfix { display: block }
.tul, .tul:hover { text-decoration: underline; }
input[type="checkbox"], input[type="radio"] { margin-left: 5px; margin-right: 5px; }
input, img, textarea, button { outline: none; vertical-align: middle; font: 14px heebo, helvetica, Arial; }
a, img { -webkit-transition: .5s; transition: .5s; outline: none; }
.t2 { text-indent: 2em; }
@font-face { font-family: "vdEg"; src: url('font/AVANTGARDEBOOKBT.TTF'); }
input[type='text'], input[type='submit'] { -webkit-appearance: none; }
::-webkit-input-placeholder {
 color: #999;
}
@font-face { font-family: "iconfont"; src: url('font/iconfont.eot'); /* IE9 */ src: url('font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;') format('woff2'), url('font/iconfont.woff') format('woff'), url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('font/iconfont.svg') format('svg'); /* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.icon-search:before { content: '\e61f'; }
.icon-menu:before { content: '\e64c'; }
.navClose .icon-menu:before { content: '\e602'; }
.icon-close:before { content: '\e602'; }
.icon-right:before { content: '\ea66'; }
.icon-tel:before { content: '\e65b'; }
.icon-top:before { content: '\e614'; }
.icon-add:before { content: '\e65e'; }
.iconCrumb:before { content: '\e600'; }
.icon-tel2:before { content: '\e683'; }
.icon-tel3:before { content: '\e642'; }
.icon-address:before { content: '\e65e'; }
.btn-box { padding-top: 18px; text-align: center; }
.btn-defaul { min-width: 50px; background-color: #eee; display: inline-block; border-radius: 5px; line-height: 36px; padding: 0 25px; text-align: center; color: #666; cursor: pointer; }
.btn-blueKong { border-radius: 32px; background: none; border: 1px solid #0079d3; color: #0079d3; }
.btn-blueKong:hover { background-color: #0079d3; box-shadow: 0 0 12px #aaa; color: #fff; }
.btn-whiteK { border-radius: 32px; background: none; border: 1px solid #fff; color: #fff; }
.btn-whiteK:hover { background-color: #fff; box-shadow: 0 0 12px #aaa; color: #0079d3; }
.btn-white:hover { box-shadow: 0 0 12px #ccc; }
.fcred { color: #de000f; }
.btn-defaul .icon-right { margin-left: 15px; }
.btn-orange { background-color: #ff9000; color: #fff; border-radius: 0; }
.btn-blue { background-color: #0079d3; color: #fff; border-radius: 0; }
.btn-blue:hover { color: #fff; }
/* ҳ���� */
body { background-color: #fff; }
.wrap { width: 100%; position: relative; z-index: 10; overflow: hidden; }
.content { padding-left: 3%; padding-right: 3%; }
.header { background-color: #fff; }
.header { width: 100%; z-index: 100; background-color: #fff; box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%); }
.header.fixed { position: fixed; width: 100%; left: 0; top: 0; }
.logo { height: 2.4rem; }
.logo a { height: 100%; display: block; }
.logo img { display: block; height: 100%; }
.searchBox { position: relative; width: 180px; }
.topSearch .filTxt { width: 180px; padding: 10px 0; line-height: 1.2; border: 1px solid #ddd; border-radius: 5px; }
.topSearch .searchBtn { position: absolute; right: 0; border: none; background: none; }
.topSearch .icon-search { font-size: 1.4rem; color: #0079d3; }
.nav li:hover>a, .nav li.active>a { color: #0091E5; }
.subNavBox .item { position: relative; padding: 10px 0; min-height: 2.2rem; padding-left: 80px; border-bottom: 1px dashed #ddd; overflow: hidden; }
.subNavBox .item:last-child { border-bottom: none; }
.subNavBox dt, .subNavBox .item dd { float: left; margin-right: 20px; }
.subNavBox dt { position: absolute; left: 0; top: 10px; font-size: 1rem; }
.subNavBox a { display: block; line-height: 2.2rem; }
.nav .hide .con { overflow: hidden; }
.nav .hide .item { float: left; width: 30%; border-bottom: none; padding: 0; }
.footer { padding: 1.5rem 0; background-color: #1b2228; color: #979da2; }
.footer a { color: #979da2; }
.ftTel { }
.ftTel p { display: block; padding-left: 44px; position: relative; color: #fff; font-size: 12px; }
.ftTel .icon-tel { position: absolute; left: 0px; top: 0; font-size: 36px; line-height: 1.2; }
.ftTel .tel01 { display: block; font-size: 20px; }
.ftTel .tel02 { display: block; font-size: 20px; }
.ftNav { padding: 1rem 0; overflow: hidden; }
.ftNav li { float: left; margin-right: 15px; }
.ftNav a { display: block; line-height: 2.2; }
.copyRight { line-height: 24px; padding: 12px 0 10px; text-align: center; border-top: 1px solid #363e43; }
.fridenLink { margin-top: 10px; letter-spacing: 2px; background: none; border: none; color: #979da2; }
.swiper-banner .swiper-slide img { display: block; width: 100%; }
.swiper-banner .swiper-pagination { bottom: 10px; }
.swiper-banner .swiper-pagination-bullet { position: relative; background: #fff; border-radius: 0; margin: 0 5px; width: 30px; height: 4px; }
.swiper-container .swiper-pagination-bullet { background: #fff; }
.fcblue { color: #0079d3; }
.title01 { text-align: center; padding: 1.8rem 0 1.5rem; }
.title01 .title { font-size: 1.4rem; font-weight: bold; }
.title01 .txt { color: #666; margin-top: 0.5rem; }
.titleWhite { color: #fff; }
.titleWhite .txt { color: #fff; }
.brandWrap { padding-bottom: 1.6rem; background-color: #f9f9f9; }
.brandList { }
.brandList .item { height: 125px; background-color: #fff; border-top: 3px solid #fc7626; }
.brandList .item:nth-child(2n+1), .brandList .item:nth-child(2n+2) { border-color: #26a9fc; }
.brandList .item:nth-child(2n+3), .brandList .item:nth-child(2n+4) { border-color: #26a9fc; }
.brandList .item:nth-child(2n+5), .brandList .item:nth-child(2n+6) { border-color: #26a9fc; }
.brandList .item:nth-child(2n+7), .brandList .item:nth-child(2n+8) { border-color: #26a9fc; }
.brandList .pic { display: block; margin: 0 auto; height: 60px; text-align: center; line-height: 60px; }
.brandList .pic img { max-width: 100%; max-height: 100%; margin-left: auto; margin-right: auto; }
.brandList .item .main { padding: 0 10px 15px; text-align: center; line-height: 20px; }
.brandList .name a, .brandList .txt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.brandList .txt { margin-top: 8px; color: #999; font-size: 14px; }
.brandList .name a { font-size: 1rem; }
.brandList .item:hover img { transform: scale(1.05, 1.05); }
.brandList .item:hover a { color: #0079d3; }
.brandWrap .swiper-button-next, .brandWrap .swiper-button-prev { background: url("../images/blackBg3.png") center repeat; }
.brandWrap .swiper-button-prev:after, .brandWrap .swiper-button-next:after { font-size: 24px; color: #fff; }
.swiperBrand { height: 280px; }
.prodHmWarp { padding-bottom: 0.5rem; background-color: #fff; }
.swpPrdMenu { margin-bottom: 1rem; margin: 0 -2% 1rem; }
.swpPrdMenu .swiper-slide a { margin: 0 2px; text-align: center; display: block; line-height: 1.6; padding: 0.4rem 0; border-radius: 24px; background-color: #f5f5f5; color: #999; font-size: 0.875rem; }
.swpPrdMenu .swiper-slide:hover a { color: #0079d3; }
.swpPrdMenu .swiper-slide-thumb-active a { background-color: #0079d3; color: #fff; }
.swpPrdMenu .swiper-slide-thumb-active:hover a { color: #fff; }
.swipProduct { padding-right: 1px; }
.swipProduct .swiper-button-next, .swipProduct .swiper-button-prev { background: url("../images/blackBg3.png") center repeat; }
.swipProduct .swiper-button-prev:after, .swipProduct .swiper-button-next:after { font-size: 24px; color: #fff; }
.productList { }
.productList .item { position: relative; text-align: center; }
.productList .item:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #e5e5e5; }
.productList .pic { position: relative; padding-bottom: 76%; z-index: 5; display: block; overflow: hidden; }
.productList .pic img { position: absolute; left: 1%; top: 1%; height: 98%; width: 98%; display: block; }
.productList .main { padding-bottom: 15px; position: relative; z-index: 5; }
.productList .title a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1rem; }
.productList .txt { color: #999; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.productList .item:hover img { transform: scale(1.05, 1.05); }
.productList .item:hover a { color: #0079d3; }
.productList .name a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.industHome { padding-bottom: 1.8rem; }
.industryCloum { }
.industryCloum .item { position: relative; margin-bottom: 1rem; }
.industryCloum .pic { display: block; position: relative; padding-bottom: 28.5%; overflow: hidden; }
.industryCloum .pic img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: block; }
.industryCloum .main { position: absolute; left: 0; top: 0; bottom: 0; padding: 1rem; width: 140px; line-height: 2; }
.industryCloum .item1 .main { background-color: #199bb7; background: rgba(25,155,183,0.95); }
.industryCloum .eg { line-height: 1; right: 0; bottom: 0; color: #33a3ba; position: absolute; font-size: 4rem; font-weight: bold; }
.industryCloum .item2 .main { background-color: #d4811e; background: rgba(212,129,30,0.95); }
.industryCloum .item2 .eg { color: #d9923e; }
.industryCloum .item3 .main { background-color: #c12181; background: rgba(193,33,129,0.95); }
.industryCloum .item3 .eg { color: #c93c89; }
.industryCloum .item4 .main { background-color: #0f65b1; background: rgba(15,101,177,0.95); }
.industryCloum .item4 .eg { color: #2e7abc; }
.industryCloum .item5 .main { background-color: #d92676; background: rgba(217,38,118,0.95); }
.industryCloum .item5 .eg { color: #de4285; }
.industryCloum .item6 .main { background-color: #1da963; background: rgba(29,169,99,0.95); }
.industryCloum .item6 .eg { color: #3db479; }
.industryCloum .item .eg { text-transform: uppercase; line-height: 1; }
.industryCloum .title { line-height: 1.6; margin-bottom: 0.3rem; }
.industryCloum .item:hover img { transform: scale(1.05, 1.05); }
.industryCloum a:hover { text-decoration: underline; }
.industryCloum a { color: #fff; }
.aboutHmWrap { padding-bottom: 1.6rem; background: url("../images/hmAbtBgWap.jpg") top center no-repeat; background-size: cover; }
.aboutHm { }
.aboutHm .pic { }
.aboutHm .pic img { display: block; width: 100%; }
.aboutHm .detail { color: #fff; margin-top: 1rem; }
.aboutHm .detail p { margin-bottom: 0; }
.newsHmWrap { padding-bottom: 1.8rem; }
.newsListHm { }
.newsListHm li { margin-bottom: 0.8rem; background-color: #f8f8f8; padding: 0.8rem; line-height: 2rem; }
.newsListHm .name { }
.newsListHm .name .timer { margin-left: 1rem; float: right; color: #999; font-size: 0.875rem; }
.newsListHm .name a { display: block; }
.newsListHm .name a, .newsListHm .txt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsListHm .txt { color: #666; }
.newsListHm .first { margin-bottom: 1.5rem; padding: 0; background: none; position: relative; }
.newsListHm .first .pic { overflow: hidden; margin-bottom: 0.8rem; display: block; }
.newsListHm .first img { display: block; width: 100%; }
.newsListHm .first .timer { position: absolute; left: 15px; top: 20px; font-size: 14px; z-index: 5; line-height: 20px; width: 60px; text-align: center; height: 60px; background-color: #0079d3; color: #fff; }
.newsListHm .timer strong { display: block; font-size: 26px; line-height: 40px; font-weight: bold; }
.newsListHm .first .txt { height: 60px; overflow: hidden; line-height: 30px; white-space: inherit; }
.newsListHm .first .name { font-size: 1rem; }
.newsListHm .first .timer:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #3394dc; top: 38px; left: 0; }
.newsListHm li:hover a { color: #3394dc; }
.newsListHm li:hover img { transform: scale(1.05, 1.05); }
/*footer*/
.btnBlack { opacity: 0; position: fixed; z-index: 1000; right: 1%; bottom: 3%; background-color: #fff; border: 1px solid #3394dc; width: 42px; ; line-height: 42px; height: 42px; }
.btnBlack a { display: block; width: 100%; height: 100%; text-align: center; }
.btnBlack .icon-top { font-size: 2rem; color: #fff; }
.btnBlack:hover { /*box-shadow: 0 0 10px #aaa;*/ }
.btnBlack img { max-height: 100%; }
/*子页面*/
.pageBanner { position: relative; overflow: hidden; }
.pageBanner img { position: relative; display: block; width: 120%; left: -10%; }
.pageWrap { padding-top: 1.2rem; }
.pageMenu { border-bottom: 1px solid #e5e5e5; line-height: 2.4rem; }
.crumb { color: #999; display: none; }
.productCloum3 { overflow: hidden; margin: 0 -1%; }
.productCloum3 .item { background-color: #fff; float: left; width: 48%; margin: 0 1% 1rem; }
.productCloum3 .item:before { display: none; }
.flSide { }
.flSide .item { background-color: #fff; margin-bottom: 2px; }
.sideTitle { padding-left: 1rem; position: relative; line-height: 2.4rem; }
.menuTitle { padding-left: 1rem; position: relative; line-height: 2.4rem; background-color: #0079d3; color: #fff; }
.menuTitle .iconfont { position: absolute; right: 0; width: 2.4rem; line-height: 2.4rem; text-align: center; }
.sideMenu li { }
.sideMenu a { line-height: 2.6rem; display: block; text-align: center; }
.sideMenu .on a, .sideMenu li:hover a { color: #0079d3; }
.pageWrap { background-color: #f5f7f8; padding-bottom: 1.8rem; }
.pageWrap .whiteBox { background-color: #fff; padding: 1rem; }
.page { clear: both; padding: 15px 0 5px; text-align: center; font-size: 0; }
.page a:hover { background: #0079d3; border-color: #0079d3; color: white; text-decoration: none; }
.page a.a1 { padding: 0; width: 30px; line-height: 30px; margin-top: 0px; }
.page span, .page a { margin: 0 3px; display: inline-block; padding: 0px 11px; border: 1px solid #e5e5e5; font-size: 16px; color: #666; line-height: 30px; text-align: center; }
.page .noPage { display: inline-block; padding: 0px 12px; height: 26px; line-height: 26px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
.page span { background-color: #0079d3; border-color: #0079d3; color: #fff; }
.productHead { padding: 1rem 0; background-color: #fcfcfc; color: #666; }
.productHead .content { position: relative; }
.productHead .main { line-height: 2; }
.productHead .pic { }
.productHead .pic img { display: block; max-width: 100%; }
.productHead .name { margin-bottom: 4px; font-size: 1.3rem; color: #333; font-weight: bold; }
.productHead .resumeTxt { margin-top: 10px; }
.productHead .other { border-top: 1px solid #d1d1d1; margin-top: 10px; padding-top: 10px; }
.productHead .other .item { padding-left: 20px; position: relative; line-height: 32px; }
.productHead .other .item:before { content: ""; position: absolute; left: 0; top: 14px; width: 5px; height: 5px; background-color: #0079d3; }
.productHead .btn-box { text-align: left; line-height: 36px; }
.productHead .btn-defaul { margin-right: 10px; }
.ptdTel { display: inline-block; position: relative; top: 2px; font-size: 1.4rem; color: #0079d3; }
.ptdTel .iconfont { font-size: 1.6rem; }
.productHead .backList { right: 3%; top: 2%; position: absolute; }
.backList a { color: #0079d3; }
.prdTabMenu { margin-bottom: 1rem; overflow: hidden; }
.prdTabMenu .swiper-slide { float: left; max-width: 180px; overflow: hidden; }
.prdTabMenu a { background-color: #eee; display: block; line-height: 2.2rem; text-align: center; border-radius: 28px; }
.prdTabMenu .swiper-slide-thumb-active a { background-color: #0079d3; color: #fff; }
.detail { line-height: 2.4; color: #666; }
.detail img { display: block; margin: 0 auto 15px; max-width: 100%; }
.detail p { margin-bottom: 10px; }
.detail .textLeft img { margin-left: 0; }
.downList { }
.downList li { border-bottom: 1px solid #eeeeee; line-height: 44px; overflow: hidden; }
.downList li:last-child { border-bottom: none; }
.downList .timer { float: right; color: #888; margin-left: 15px; }
.downList a { max-width: 65%; float: left; padding-left: 26px; background: url("../images/iconDown.png") left center no-repeat; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.productBody .detail img { margin-bottom: 0; }
.prdBodyWrap .whiteBox { margin-left: -3%; margin-right: -3%; }
.productBody .swiper-slide { height: auto; }
.pageTmenu { margin-bottom: 1rem; overflow: hidden; white-space: nowrap; overflow-x: auto; }
.pageTmenu li { transition: all 0.4s; display: inline-block; margin-right: 0.5rem; margin-bottom: 10px; border: 1px solid #0079d3; }
.pageTmenu li a { display: block; padding: 0 0.6rem; line-height: 36px; color: #0079d3; }
.pageTmenu .on a, .pageTmenu li:hover a { color: #fff; }
.pageTmenu .on, .pageTmenu li:hover { background-color: #0079d3; color: #fff; }
.page-article-list { overflow: hidden; margin-bottom: -1rem; }
.page-article-list li { margin-bottom: 1rem; }
.page-article-list .pic { display: block; position: relative; padding-bottom: 62%; overflow: hidden; }
.page-article-list .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.page-article-list li:hover img { transform: scale(1.05, 1.05); }
.page-article-list .main { padding: 10px 0; line-height: 30px; }
.page-article-list .name { overflow: hidden; }
.page-article-list .timer { float: right; color: #999; }
.page-article-list .txt { font-size: 0.9rem; color: #666; margin-top: 5px; }
.page-article-list .name a { font-size: 1rem; display: block; float: left; width: 78%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.page-article-list li:hover a { color: #0079d3; }
.dtlPage { border-top: 1px solid #eee; margin-top: 1.5rem; padding-top: 1rem; }
.dtlPage p { margin-bottom: 0.8rem; }
.dtlPage p a { color: #999; display: block; border-radius: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dtlPage p i { display: none; }
.dtlPage p:hover a { color: #0079d3; }
.dtlHead { border-bottom: 1px solid #eee; padding-bottom: 1rem; margin-bottom: 1rem; }
.dtlHead .title { margin-bottom: 8px; font-size: 1.3rem; }
.dtlHead .other { font-size: 0.9rem; color: #999; }
.dtlHead .other span { margin-right: 0.5rem; }
.dtlHead .retList { margin-top: 0.8rem; color: #0079d3; display: block; }
.newsDtl .dtlHead { text-align: center; }
.frSide { margin-top: 1rem; border: 1px solid #e5e5e5; background-color: #fff; }
.recomTitle { font-size: 20px; line-height: 60px; text-align: center; background-color: #f0f0f0; }
.ruicomList { margin-bottom: -1rem; }
.ruicomList li { margin-bottom: 1rem; overflow: hidden; }
.ruicomList .pic { overflow: hidden; margin-right: 4%; float: left; width: 40%; }
.ruicomList .pic img { display: block; width: 100%; }
.ruicomList .main { width: 56%; float: left; }
.ruicomList .name a { display: block; line-height: 24px; overflow: hidden; height: 48px; }
.ruicomList .timer { margin-top: 10px; color: #999; line-height: 1; }
.ruicomList li:hover a { color: #0079d3; }
.ruicomList li:hover img { transform: scale(1.05, 1.05); }
.pageWrap .title01 { padding-top: 0; }
.pageWrap .title01 .txt { line-height: 2.2; }
.indusCase { overflow: hidden; }
.indusCase li { margin-bottom: 1rem; padding: 2%; overflow: hidden; background-color: #fff; }
.indusCase .pic { overflow: hidden; float: left; width: 37%; margin-right: 3%; }
.indusCase .pic img { display: block; width: 100%; }
.indusCase .main { float: left; width: 60%; }
.indusCase .name a { font-size: 1rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.indusCase .txt { margin-top: 5px; color: #999; line-height: 24px; height: 48px; overflow: hidden; }
.indusCase li:hover a { color: #0079d3; }
.indusCase li:hover img { transform: scale(1.05, 1.05); }
.indusDtlTop { padding-bottom: 1rem; border-bottom: 1px solid #eee; }
.indusDtlTop .pic { }
.indusDtlTop .pic img { width: 100%; display: block; }
.indusDtlTop .title { margin-top: 1rem; font-size: 20px; }
.indusDtlTop .timer { margin-top: 0.5rem; color: #999; }
.indusDtlTop .backList2 { margin-top: 1rem; }
.backList2 a { display: inline-block; border: 1px solid #0079d3; line-height: 30px; width: 80px; text-align: center; color: #0079d3; }
.backList2 a br { display: none; }
.recomIndus { margin-top: 50px; }
.recomIndus .title { width: 160px; height: 40px; text-align: center; background-color: #0079d3; line-height: 40px; color: #fff; }
.recomIndus .swipProduct { background-color: #fff; padding: 0.8rem; }
.pageTitle { font-size: 1.2rem; font-weight: bold; }
.pageTitle.mb1rem { margin-bottom: 1rem; }
.storyItem { position: relative; }
.storyItem .top, .storyItem .end { display: none; }
.storyItem:before { content: ""; position: absolute; left: 5px; top: 0; width: 1px; height: 100%; background-color: #e5e5e5; }
.storyItem .item { margin-bottom: 1rem; padding-left: 2.5rem; position: relative; }
.storyItem .item:before { content: ""; position: absolute; z-index: 5; top: 4px; left: -1px; width: 10px; height: 10px; border-radius: 50%; background-color: #0079d3; }
.storyItem .item:after { content: ""; position: absolute; z-index: 4; top: 0; background-color: #fff; left: -5px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #0079d3; }
.storyItem .timer { font-size: 1.3rem; line-height: 1; margin-bottom: 5px; }
.storyItem .txt { color: #888; line-height: 2; }
.honorCloum { }
.honorCloum .item { margin-bottom: 1rem; }
.honorCloum .timer { margin-bottom: 5px; font-size: 1.3rem; margin-right: 5px; color: #0079d3; }
.honorCloum .unit { font-size: 14px; color: #888; }
.honorCloum .box { padding: 0.5rem; line-height: 1.8; border: 1px solid #e4ecf2; background-color: #f7fcff; }
.honorCloum .box p { margin: 5px 0; }
.cultureCloum { overflow: hidden; margin: 0 -2%; }
.cultureCloum .item { float: left; width: 46%; margin: 0 2% 3%; text-align: center; }
.cultureCloum .pic { display: block; width: 80%; max-width: 150px; margin-left: auto; margin-right: auto; border-radius: 100%; overflow: hidden; }
.cultureCloum .pic img { display: block; width: 100%; }
.cultureCloum .main { line-height: 1.6rem; }
.cultureCloum .name { margin-top: 10px; font-size: 1rem; }
.cultureCloum .txt { margin-top: 5px; color: #999; }
.newsList { }
.newsList li { margin-bottom: 1rem; padding: 0.8rem; background-color: #fff; }
.newsList .pic { display: block; overflow: hidden; }
.newsList .pic img { width: 100%; display: block; }
.newsList .main { margin-top: 1rem; }
.newsList .name a { font-size: 1rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsList .txt { margin-top: 0.5rem; line-height: 24px; height: 48px; overflow: hidden; color: #666; }
.newsList .timer { margin-top: 0.8rem; color: #999; }
.joinBox { background-color: #fff; }
.joinTable { width: 100%; }
.joinTable th { margin: -1rem -1rem 0; background-color: #dae6ee; color: #0079d3; }
.joinTable th, .joinTable td { text-align: center; padding: 0.8rem 0.5rem; line-height: 1.6; }
.joinTable tbody { margin: 0 1rem; }
.joinTable td { border-top: 1px solid #eee; max-width: 28%; }
.joinTable .txtLeft { width: 28%; }
.joinHead { margin-bottom: 1rem; }
.joinHead .title { font-size: 1.2rem; font-weight: bold; }
.joinHead .other { margin-top: 0.5rem; color: #888; line-height: 2; }
.joinHead .other i { margin-left: 5px; color: #333; }
.joinHead .other span { margin-right: 15px; }
.joinDetail .detail { background-color: #f8f8f8; padding: 0.5rem 1rem; line-height: 2; }
.joinDetail .tit { display: block; color: #333; }
.joinDetail .btn-blue { min-width: 140px; }
.page-pic-list { }
.page-pic-list li { padding: 3%; margin-bottom: 1rem; background-color: #fff; }
.page-pic-list .pic { position: relative; display: block; padding-bottom: 65%; overflow: hidden; }
.page-pic-list .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.page-pic-list .main { padding-top: 1rem; }
.page-pic-list .title a { font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-pic-list .txt { margin-top: 10px; color: #999; line-height: 1.6rem; height: 3.2rem; overflow: hidden; }
.page-pic-list li:hover img { transform: scale(1.05, 1.05); }
.page-pic-list li:hover a { color: #0079d3; }
.detailSketch { margin-bottom: 15px; line-height: 2.2; }
.detailSketch .pic { margin-bottom: 10px; }
.detailSketch img { display: block; max-width: 100%; }
.catMenu { }
.catMenu li { }
.catMenu a { display: block; background-color: #f5f5f5; text-align: center; }
.catMenu li:hover a, .catMenu .on a { background-color: #0079d3; color: #fff; }
.contactTab { }
.contactTab .title { margin-bottom: 4px; font-size: 20px; }
.contactTab .main { line-height: 30px; }
.contactTab .main p { margin-bottom: 5px; }
.contactTab .iconfont { color: #fea013; margin-right: 10px; }
.contactTab .txt {; position: relative; padding-left: 30px; }
.contactTab .txt .iconfont { position: absolute; left: 0; top: 0; }
.contactTab .map { margin-top: 20px; }
.map img { display: block; width: 100%; }
.videoPlay { margin-bottom: 1.2rem; width: 100%; height: 260px; }
@media (max-width: 1199px) {
body { padding-top: 3.2rem; }
html, body { position: relative; height: 100%; }
.header { padding-top: 0.4rem; padding-bottom: 0.4rem; height: 2.4rem; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; background: #fff; }
.logo { height: 2.4rem; text-align: left; }
.logo a { display: block; }
.logo img { height: 100%; }
.mainNav { display: none; position: fixed; z-index: 1000; top: 3.2rem; bottom: 0; left: 0; width: 106%; padding: 1rem 6% 4%; overflow-y: scroll; box-sizing: border-box; margin-left: -3%; margin-right: -3%; background-color: #fff; background: rgba(255,255,255,0.96); }
.mainNav.on { display: block; }
.header .topTel { display: none; }
.topSearch { padding: 0.5rem 0; line-height: 2rem; }
.topSearch form { position: relative; }
.topSearch .filTxt { text-indent: 16px; height: 2.4rem; line-height: 2.4rem; padding: 0; width: 100%; box-sizing: border-box; }
.topSearch .searchBtn { width: 2.4rem; height: 2.4rem; line-height: 2.4rem; position: absolute; right: 0; top: 0; }
.nav { clear: both; width: 100%; }
.nav>li { padding: 0.6rem 0; border-bottom: 1px solid #ddd; position: relative; line-height: 2.2rem; }
.nav>li>a { font-size: 1.1rem; display: block; color: #333; font-weight: bold; }
.nav .active>a { color: #0079d3; }
.nav .icon-down { display: none; }
.subNav { display: flex; display: -webkit-flex; color: #fff; }
.subNav li { width: 25%; }
.nav .subNav a { color: #888; font-size: 0.9rem; display: block; line-height: 2.2; }
.navToggle { position: absolute; z-index: 10; right: 0; top: 0; width: 3.2rem; height: 3.2rem; line-height: 3.2rem; text-align: center; color: #ccc; }
.navToggle .iconfont { font-size: 1.3rem; }
.nav>li.hide dd { display: none; }
/*home*/
.swiper-banner .swiper-slide { overflow: hidden; }
.swiper-banner .swiper-slide img { position: relative; display: block; width: 120%; left: -10%; }
.sideMenu {/* padding: 5px 0;*/ display: none; /*border: 1px solid #f5f5f5;*/ border-top: none; }
.active .sideMenu { display: block; }
.flSide { margin-bottom: 10px; }
.sideMenu li { border-bottom: 2px solid #f5f7f8; }
.sideTitle { display: none; }
.cultureCloum { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.cultureCloum br { display: none; }
.catMenu { margin-bottom: 1rem; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.catMenu li { border-right: 1px solid #fff; width: 33.333%; box-sizing: border-box; margin-bottom: 2px; }
.catMenu li a { display: block; background-color: #f5f5f5; line-height: 2.2rem; text-align: center; }
}
@media (max-width: 1023px) {
}
@media (max-width: 760px) {
}
@media (max-width: 360px) {
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width:481px) {
html, body { }
}
@media (min-width: 640px) {
body { font-size: 16px; }
.page-pic-list { margin: 0 -1%; }
.page-pic-list li { float: left; width: 44%; padding: 2%; margin-left: 1%; margin-right: 1%; }
}
@media (min-width: 768px) {
.page-article-list { margin: 0 -1%; }
.page-article-list li { float: left; width: 48%; margin-left: 1%; margin-right: 1%; }
.page-article-list .txt { height: 60px; overflow: hidden; }
.videoPlay { height: 300px; }
}
@media (min-width: 862px) {
.industryCloum { overflow: hidden; margin: 0 -1%; }
.industryCloum .item { float: left; width: 48%; margin-left: 1%; margin-right: 1%; }
.prdTabMenu li { margin-right: 20px; padding: 0; }
.prdTabMenu li a { line-height: 48px; }
.pageTmenu li { margin-right: 1rem; }
.pageTmenu li a { padding: 0 0.8rem; line-height: 38px; }
.indusDtlTop { margin-bottom: 2%; padding-bottom: 2%; padding-right: 60px; position: relative; overflow: hidden; }
.indusDtlTop .pic { width: 200px; float: left; margin-right: 2%; }
.indusDtlTop .title { margin-top: 25px; }
.indusDtlTop .timer { margin-top: 15px; }
.indusDtlTop .backList2 { position: absolute; right: 0; top: 25px; margin-top: 0; }
.backList2 a { line-height: 24px; width: 48px; }
.backList2 a br { display: block; }
.cultureCloum { }
.cultureCloum .item { width: 29.333%; }
.newsList li { overflow: hidden; }
.newsList .pic { float: left; width: 30%; margin-right: 2%; }
.newsList .main { margin-top: 10px; }
.newsList .name a { }
.newsList .txt { margin-top: 0.8rem; line-height: 30px; height: 60px; }
.newsList .timer { margin-top: 1rem; }
.catMenu li { width: 16.66%; }
}
@media (min-width: 992px) {
.aboutHmWrap { padding-bottom: 2rem; background: url("../images/hmAbtBg.jpg") top center no-repeat; background-size: cover; }
.aboutHm { overflow: hidden; }
.aboutHm .pic { float: left; width: 45%; margin-right: 5%; }
.aboutHm .detail { float: left; width: 50%; }
.aboutHm .detail p { margin-bottom: 0; }
.aboutHm .btn-box { text-align: left; }
.productCloum3 { }
.productCloum3 .item { width: 31.333%; }
.indusCase { overflow: hidden; margin-left: -1%; }
.indusCase li { float: left; width: 47%; padding: 1%; margin-left: 1%; }
.page-pic-list li { width: 27%; }
}
@media (min-width: 1024px) {
.newsListHm { overflow: hidden; }
.newsListHm li { float: left; width: 52%; padding: 1%; }
.newsListHm .first { margin-right: 2%; width: 44%; }
.page-article-list { }
.page-article-list li { width: 31.3333%; }
.page-article-list .name a { width: 70%; }
.pageClum2 { overflow: hidden; }
.pageClum2 .frSide { margin-top: 0; float: right; width: 30%; }
.pageClum2 .flMain { float: left; width: 68%; }
}
/* PC */
@media (min-width: 1200px) {
body { position: relative; height: 100%; }
.content { width: 1400px; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; }
.wrap { min-width: 1400px; width: 100%; }
.btn-box { padding-top: 45px; }
.btn-defaul { line-height: 50px; padding: 0 40px; }
.navToggle { display: none; }
.header .content { min-width: 1200px; }
.header { position: relative; height: 100%; background-color: #fff; z-index: 1000; }
.header .logo { padding-top: 30px; float: left; height: 60px; }
.header .logo a { display: block; text-indent: -999em; overflow: hidden; }
.header .logo img { transition: none; }
.topSearch { float: right; position: relative; top: 25px; }
.mainNav { float: right; }
.nav>.active>a, .nav>li:hover>a { background-color: #0091E5; color: #fff; border-radius: 24px; }
.nav>.active>a { color: #fff; }
.nav { float: right; padding-right: 18px; font-size: 0; line-height: 0; }
.nav>li { padding: 40px 0; height: 40px; display: inline-block; *display: inline;
zoom: 1; font-size: 16px;  /*float: left; width: 12.5%;*/ }
.nav>li>a { z-index: 1; position: relative; display: block; font-family: "微软雅黑"; text-align: center; transition: none; line-height: 40px; padding: 0 12px; height: 40px; }
.nav>li:hover>a, .nav>li.active>a { color: #fff; }
.subNavBox { padding-top: 5px; display: none; background: url("../images/blackBg8.png") top center repeat; position: absolute; left: 0; width: 100%; top: 120px; font-size: 16px; line-height: 32px; }
.subNavBox .item { padding-top: 20px; padding-bottom: 20px; padding-left: 165px; border-bottom: 1px solid #818185; float: none; width: 100%; }
.subNavBox .con { display: block; width: 1040px; margin-left: auto; margin-right: auto; }
.subNavBox a { color: #fff; line-height: 40px; }
.subNavBox a:hover { color: #0079d3; }
.subNavBox dt { top: 20px; font-size: 18px; }
.subNavBox dd { margin-bottom: 10px; min-width: 160px; margin-right: 30px; font-size: 16px; }
.nav>li.hide .item { text-align: center; }
.nav>li.hide dd { display: none; }
.nav>li.hide dt { left: 50%; margin-left: -90px; text-align: center; width: 190px; }
.nav .hide .item { width: 30%; padding-top: 20px; padding-bottom: 20px; }
.topSearch { float: right; position: relative; top: 42px; z-index: 100; width: 180px; }
.topSearch form { height: 36px; }
.topSearch .filTxt { position: absolute; border-radius: 24px; padding: 0; box-shadow: 0 0 4px #ddd; width: 180px; text-indent: 10px; height: 36px; line-height: 36px; transition: .5s; font-size: 14px; }
.topSearch .searchBtn { background-color: #fff; position: absolute; right: 0; width: 36px; text-align: center; height: 36px; line-height: 36px; }
.topSearch .icon-search { font-size: 20px; color: #047bd4; cursor: pointer; }
/*footer*/
.footer { padding-top: 50px; padding-bottom: 0; }
.ftTel p { padding-left: 81px; font-size: 14px; }
.ftTel .icon-tel { font-size: 80px; line-height: 85px; }
.ftTel .tel01 { font-size: 24px; font-weight: 400; }
.ftTel .tel02 { font-size: 22px; font-weight: 400; }
.ftNav { padding: 30px 0; }
.ftNav li { margin-right: 30px; }
.copyRight { border-top: 1px solid #363e43; overflow: hidden; padding: 18px 0; line-height: 20px; height: 20px; }
.copyRight .txt { float: left; }
.fridenLink { cursor: pointer; margin-top: 0; float: right; }
.btnBlack { width: 52px; height: 52px; line-height: 52px; }
/*banner*/
.swiper-banner { width: 100%; }
.swiper-banner .swiper-slide img { display: block; width: 100%; height: 100%; }
.swiper-banner .swiper-pagination-bullets { bottom: 30px; }
.swiper-banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 50px; height: 5px; margin: 0 12px; position: relative; color: #fff; }
/* home */
.title01 { padding: 70px 0 50px; }
.title01 .title { font-size: 40px; }
.title01 .txt { margin-top: 18px; }
.brandWrap { padding-bottom: 70px; background-color: #f9f9f9; }
.brandList .item { height: 175px; background-color: #fff; border-top: 3px solid #26a9fc; }
.brandList .pic { padding: 10px 0; height: 80px; line-height: 80px; }
.brandList .item .main { padding-bottom: 20px; text-align: center; line-height: 20px; }
.brandList .txt { margin-top: 10px; }
.brandList .name a { font-size: 18px; }
.brandWrap .swiper-button-next, .brandWrap .swiper-button-prev { padding: 15px 10px; top: 45%; }
.swiperBrand { height: 400px; }
.swpPrdMenu { width: 955px; margin: 0 auto 38px; text-align: center; }
.swpPrdMenu .swiper-slide { width: 180px !important; }
.swpPrdMenu .swiper-slide a { line-height: 40px; padding: 10px 0; border-radius: 38px; font-size: 18px; }
.swipProduct .swiper-button-next, .swipProduct .swiper-button-prev { padding: 15px 10px; }
.industHome { padding-bottom: 70px; }
.productList { }
.productList .item { padding-top: 20px; }
.productList .pic { width: 340px; height: 260px; padding-bottom: 0; margin-left: auto; margin-right: auto; }
.productList .main { padding-top: 10px; padding-bottom: 20px; }
.productList .title a { font-size: 20px; }
.productList .txt { font-size: 16px; }
.industryCloum { margin-right: 0; }
.industryCloum .main { padding: 20px; width: 160px; }
.industryCloum .item { margin-right: 0; width: 49%; }
.industryCloum .title { font-size: 20px; }
.aboutHmWrap { padding-bottom: 70px; }
.aboutHm .pic { width: 38%; margin-right: 5%; }
.aboutHm .detail { width: 57%; }
.aboutHm .detail p { min-height: 144px; line-height: 2.2; }
.aboutHm .btn-box { }
.newsHmWrap { padding-bottom: 70px; }
.newsListHm li { padding: 20px 1% 25px; float: left; width: 52%; }
.newsListHm .first { width: 43%; }
.newsListHm .first .name { font-size: 18px; }
.newsListHm .first .txt { margin-top: 10px; }
/* 子页面 */
.pageBanner { position: relative; }
.pageBanner .content { position: absolute; bottom: 25px; z-index: 10; left: 50%; margin-left: -700px; }
.crumb { display: block; text-align: left; font-size: 14px; color: #fff; }
.crumb a, .crumb span { color: #fff; margin: 0 5px; }
.crumb .iconfont { margin-right: 5px; }
.pageWrap { padding-top: 50px; padding-bottom: 70px; }
.pageWrap .whiteBox { padding: 30px; }
.flSide { float: left; width: 19%; }
.frMain { float: right; width: 79%; }
.flSide .item { margin-bottom: 8px; }
.sideTitle { line-height: 1; font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 20px; }
.menuTitle { text-align: center; }
.menuTitle .iconfont { display: none; }
.sideMenu li { border-bottom: 2px solid #f5f7f8; }
.sideMenu a { padding: 0 15px; line-height: 40px; }
/*.sideMenu .on,
        .sideMenu li:hover{ background-color: #f5f5f5; }*/
.productHead { padding: 40px 0; overflow: hidden; }
.productHead .content { position: relative; }
.productHead .main { float: left; width: 53%; line-height: 36px; padding-left: 2%;}
.productHead .pic { padding-top: 30px; float: right; width: 40%; text-align: center; }
.productHead .pic img { width: 75%; margin-left: auto; margin-right: auto; }
.productHead .name { font-size: 32px; }
.productHead .resumeTxt { margin-top: 10px; font-size: 15px; }
.productHead .other { margin-top: 15px; padding-top: 15px; font-size: 15px; }
.productHead .other .item { line-height: 36px; }
.productHead .other .item:before { top: 16px; }
.productHead .btn-box { padding-top: 30px; line-height: 48px; }
.productHead .btn-defaul { font-size: 16px; margin-right: 15px; line-height: 48px; }
.ptdTel { font-size: 24px; }
.prdTabMenu { margin-bottom: 35px; }
.prdTabMenu .swiper-slide a { line-height: 62px; border-radius: 34px; }
.detail { line-height: 2; }
.detail img { display: block; margin: 0 auto 25px; max-width: 100%; }
.detail p { margin-bottom: 25px; }
.page { padding-top: 30px; }
.page a.a1 { width: 42px; line-height: 42px; }
.page span, .page a { margin: 0 6px; width: 18px; line-height: 42px; }
.detailWrap { padding-top: 0; position: relative; z-index: 100; }
.detailWrap .content { padding: 35px 40px; width: 1120px; background-color: #f8f8f8; margin-top: -100px; }
.detailBox { position: relative; }
.detailBox .backList { position: absolute; right: 0; z-index: 5; top: 15px; }
.dtlHead { padding-right: 50px; }
.dtlPage { margin-top: 20px; padding: 30px 0 10px; overflow: hidden; }
.dtlPage p { float: left; width: 49%; margin-bottom: 0; }
.dtlPage p a { line-height: 2; }
.dtlPage .next { float: right; text-align: right; }
.dtlPage p i { display: inline; }
.dtlHead { position: relative; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; padding-right: 110px; padding-bottom: 30px; padding-top: 5px; }
.dtlHead .title { font-size: 30px; margin-bottom: 15px; }
.dtlHead .other { font-size: 16px; }
.dtlHead .other span { margin-right: 20px; }
.dtlHead .retList { position: absolute; right: 0; top: 5px; }
.prdBodyWrap { font-size: 15px; }
.prdBodyWrap .whiteBox { margin-left: 0; margin-right: 0; }
.downList { }
.downList li { margin-right: 25px; padding: 15px 0; }
.downList li a { padding-left: 35px; }
.downList li:hover a { color: #0079d3; }
.pageTmenu { margin-bottom: 40px; }
.pageTmenu li a { min-width: 120px; text-align: center; line-height: 48px; }
.page-article-list { margin-bottom: -10px; }
.page-article-list li { margin-bottom: 15px; }
.page-article-list .main { line-height: 36px; }
.page-article-list .name a { font-size: 18px; }
.page-article-list .txt { height: 72px; }
.pageClum2 .frSide { width: 26%; }
.pageClum2 .flMain { width: 72%; }
.frSide .whiteBox { padding: 20px; }
.ruicomList { }
.ruicomList li { margin-bottom: 20px; }
.ruicomList .timer { font-size: 14px; margin-top: 14px; }
.indusCase li { padding: 1.5%; width: 46%; }
.indusCase .name a { padding-top: 10px; font-size: 18px; line-height: 2.4; }
.indusCase li .txt { margin-top: 10px; line-height: 36px; height: 72px; }
.indusDtlTop { padding-bottom: 40px; margin-bottom: 30px; }
.backList2 a { padding: 10px; }
.recomIndus .swipProduct { padding: 30px; }
.recomIndus .swipProduct .item { padding-top: 0; }
.recomIndus .swipProduct .main { padding-top: 0; }
.recomIndus .swipProduct .pic { width: 300px; height: 228px; }
.pageTitle { font-size: 24px; }
.pageTitle.mb1rem { margin-bottom: 30px; }
.storyItem { padding-top: 80px; padding-bottom: 10px; overflow: hidden; }
.storyItem .top, .storyItem .end { display: block; }
.storyItem .top { position: absolute; top: 0; left: 50%; margin-left: -9px; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #e5e5e5; background-color: #fff; }
.storyItem .end { position: absolute; bottom: 0; left: 50%; margin-left: -7px; width: 16px; height: 16px; border-radius: 50%; background-color: #0079d3; }
.storyItem:before { left: 50%; }
.storyItem .item { margin-bottom: 60px; width: 46%; float: left; clear: both; }
.storyItem .itemR { float: right; padding-left: 4%; }
.storyItem .itemL { padding-left: 0; text-align: right; padding-right: 4%; }
.storyItem .itemR:before { left: -6px; }
.storyItem .itemR:after { left: -10px; }
.storyItem .itemL:before { right: -6px; left: auto; }
.storyItem .itemL:after { right: -10px; left: auto; }
.storyItem .timer { font-size: 1.3rem; line-height: 1; margin-bottom: 5px; }
.storyItem .txt { color: #888; line-height: 2; }
.honorCloum { margin-left: -2%; overflow: hidden; }
.honorCloum .item { float: left; width: 48%; margin-left: 2%; }
.honorCloum .item { margin-bottom: 35px; }
.honorCloum .timer { font-size: 32px; line-height: 1.4; margin-right: 10px; }
.honorCloum .box { min-height: 200px; padding: 10px 20px; }
.honorCloum .box p { margin: 5px 0; }
.cultureCloum .item { width: 21%; }
.cultureCloum .main { width: 220px; margin: 0 auto; margin-top: 15px; min-height: 140px; line-height: 32px; }
.cultureCloum .name { font-size: 20px; line-height: 32px; }
.cultureCloum .txt { margin-top: 5px; color: #999; }
.cultureCloum br { display: block; }
.newsList li { padding: 30px; margin-bottom: 30px; overflow: hidden; }
.newsList .pic { width: 29%; margin-right: 3%; }
.newsList .main { padding-top: 10px; }
.newsList .name a { font-size: 20px; }
.newsList .txt { margin-top: 20px; line-height: 36px; height: 72px; }
.newsList .timer { margin-top: 40px; }
.newsList li:hover img { transform: scale(1.08, 1.08); }
.newsList li:hover a { color: #0079d3; }
.joinTable th, .joinTable td { height: 60px; padding: 10px; }
.joinTable tr:hover a { color: #0079d3; }
.joinHead { margin-bottom: 30px; }
.joinHead .title { font-size: 28px; }
.joinHead .other { margin-top: 25px; }
.joinHead .other i { margin-left: 5px; color: #333; }
.joinHead .other span { margin-right: 90px; }
.joinDetail .detail { padding: 20px 30px; line-height: 36px; }
.joinDetail .tit { display: block; color: #333; }
.joinDetail .btn-blue { min-width: 140px; }
.joinDetail .detail p { margin-bottom: 28px; }
.page-pic-list li { width: 29%; padding: 1%; margin-bottom: 2%; }
.page-pic-list .title a { font-size: 20px; }
.page-pic-list .txt { line-height: 32px; height: 64px; }
.detailSketch { padding-top: 10px; margin-bottom: 25px; overflow: hidden; }
.detailSketch .main { float: left; width: 435px; margin-right: 15px; }
.detailSketch .pic { float: left; width: 260px; }
.detailSketch img { display: block; max-width: 100%; }
.contactBox { overflow: hidden; }
.catMenu { float: left; width: 21%; margin-right: 2%; }
.catMenu li { margin-bottom: 2px; float: none; width: 100%; }
.catMenu li a { line-height: 70px; }
.contactTab { float: left; width: 77%; }
.contactTab .main p { margin-bottom: 8px; }
.videoPlay { margin-bottom: 30px; height: 350px; }
/** 补充 **/
.indusCase .pic img { display: block; width: 100%; height: 180px; }
}
@media (min-width: 1440px) {
.wrap { width: 100%; min-width: 1420px; }
.content { width: 1420px; }
.videoPlay { height: 400px; }
.nav>li>a { font-size: 16px; }
.nav>li>a { padding-left: 11px; padding-right: 11px; /*height: 75px;*/ }
}
@media (min-width: 1620px) {
.header .content { width: 1500px; }
.header .logo { height: 66px; padding-top: 27px; }
.nav>li>a { font-size: 18px; }
}
@media (min-width: 1920px) {
body { font-size: 18px; }
}
/*搜索页面*/
.searchWrap { padding: 10px 10px 30px 10px; background-color: #FFF; }
.searchTop { margin-left: auto; margin-right: auto; padding: 60px 0px 20px; }
.searchTop form { position: relative; width: 35%; margin: auto; }
.searchTop .searchWrapQ { text-indent: 20px; padding-right: 46px; width: 100%; background-color: #f6f6f6; border: none; height: 46px; box-shadow: 0 0 8px #bbb; border-radius: 6px; overflow: hidden; box-sizing: border-box; line-height: 46px; transition: all .5s ease; }
.searchTop .searchWrapBtn { position: absolute; z-index: 5; right: 0; top: 0; border-radius: 0 6px 6px 0; padding: 0 15px; height: 46px; line-height: 46px; text-align: center; border: none; background: #065ba8; color: #FFF; cursor: pointer; }
.searchTop .iconfont { font-size: 20px; color: #999; }
.searchTop .searchTit { margin-bottom: 10px; padding: 0px 20px; font-size: 15px; text-align: center; }
.searchTop .searchTit a { margin: 0 5px; }
.searchTop .searchTit .on { font-weight: bold; color: #F00; }
.searchTop .tips { margin-top: 8px; font-size: 14px; text-align: center; }
.searchTop .tips span { color: #F00; }
.searchNo { margin-top: 10px; font-size: 16px; text-align: center; }
.searchNo span { color: #F00; }
.searchList { margin-bottom: 20px; }
.searchList li { position: relative; padding: 0 10px; line-height: 3.2; border-radius: 4px; transition: all 0.4s; }
.searchList li .timer { position: absolute; right: 10px; top: 0; color: #999; font-size: 14px; }
.searchList li a { display: block; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.searchList li:hover { box-shadow: 0 0 3px #ddd; }